From 3a4b858c03bf775e63521f8f0e0a5e9e304dbceb Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 13 Mar 2024 04:27:21 +0000
Subject: mobile: Add support for viewing lists

---
 packages/mobile/app/dashboard/lists/[slug].tsx | 31 ++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 packages/mobile/app/dashboard/lists/[slug].tsx

(limited to 'packages/mobile/app/dashboard/lists/[slug].tsx')

diff --git a/packages/mobile/app/dashboard/lists/[slug].tsx b/packages/mobile/app/dashboard/lists/[slug].tsx
new file mode 100644
index 00000000..5ebc4446
--- /dev/null
+++ b/packages/mobile/app/dashboard/lists/[slug].tsx
@@ -0,0 +1,31 @@
+import { useLocalSearchParams, Stack } from "expo-router";
+import { View } from "react-native";
+
+import BookmarkList from "@/components/bookmarks/BookmarkList";
+import { api } from "@/lib/trpc";
+
+export default function ListView() {
+  const { slug } = useLocalSearchParams();
+  if (typeof slug !== "string") {
+    throw new Error("Unexpected param type");
+  }
+  const { data: list } = api.lists.get.useQuery({ listId: slug });
+
+  if (!list) {
+    // TODO: Spinner
+    return <View />;
+  }
+
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          headerTitle: `${list.icon} ${list.name}`,
+        }}
+      />
+      <View>
+        <BookmarkList archived={false} ids={list.bookmarks} />
+      </View>
+    </>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

